<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //1.全局变量：在全局作用域下的变量
        var num = 10;
        console.log(num);

        function fn() {
            console.log(num);
        }
        fn();

        //2.局部变量 在局部作用欲下的变量， 在函数内部的变量就是局部变量
        function fun(){
            var num1 = 10; //num1是局部声明的变量， 只能在函数内部使用
            num2 = 20;    //注意:在函数内部不声明直接赋值的也算是全局变量，可以直接使用
        }
        fun();
        console.log(num1);

        //3.从执行效率来看:
        //(1) 全局变量只有浏览器关闭的时候才会销毁, 比较占内存资源
        //(2) 局部变量当我们程序执行完毕就会销毁, 比较节约内存资源
    </script>
</head>
<body>
    
</body>
</html>